<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    pub-->
    <link rel="stylesheet" type="text/css" href="./lib/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="./lib/easyui/themes/icon.css">
    <script type="text/javascript" src="./lib/easyui/jquery.min.js">
    </script>
    <script src="../node_modules/js-cookie/src/js.cookie.js"></script>
    <script type="text/javascript" src="./lib/easyui/jquery.easyui.min.js">
    </script>
    <script type="text/javascript" src="./lib/easyui/locale/easyui-lang-en.js">
    </script>
    <!--    pub-->

    <!--    custom-->
    <link rel="stylesheet" type="text/css" href="stylesheets/admin_home.css">
    <!--    custom-->

</head>
<body>

<div id="cc" class="easyui-layout">
    <div id="northarea"
         data-options="region:'north',title:'North Title',split:true,collapsible:false,title:'MISSION MANAGERMENT SYSTEM',minWidth:100"
         style="height:100px;">
        <div id="time">SYSTEM DATE TIME:</div>
        <div id="logout"></div>
    </div>
    <div data-options="region:'south',split:true,collapsible:false,title:'HELP INFORMATION',minHeight:121" style="height:121px;">
        <div id="helpInformation"  style="font-size: 18px"></div>
    </div>
    <div data-options="region:'west',split:true,collapsible:false,title:'OPERATION',minWidth:250" style="width:250px;">
        <div id="sm" data-toggle="topjui-sidemenu" data-options="data:data">

        </div>

    </div>
    <div data-options="region:'east',split:true,collapsible:false,title:'DETAIL',minWidth:350" style="width:350px;">
        <div id="detailInformation" style="font-size: 18px">

        </div>
    </div>

    <div data-options="region:'center',collapsible:false,title:'WORK CENTER'" style="padding:5px;background:#eee;">
        <div id="tt" class="easyui-tabs">
            <div title="All Today Mission" data-options="closable:true" style="overflow: hidden">

                <table id="dg" class="easyui-datagrid" title=""
                       style="display:flex;width:851px;height:390px;">
                    <thead>
                    <tr>

                    </tr>
                    </thead>
                </table>
            </div>
            <div title="All Tomorrow Mission" data-options="closable:true" style="overflow: hidden">
                <table id="dg2" class="easyui-datagrid" title=""
                       style="display:flex;width:851px;height:390px;">
                    <thead>
                    <tr>

                    </tr>
                    </thead>
                </table>
            </div>
            <div title="ASSIGNED LIST" data-options="closable:true" style="overflow: hidden">
                <table id="dg3" class="easyui-datagrid" title=""
                       style="display:flex;width:850px;height:390px;">
                    <thead>

                    </thead>
                    <div id="tb3" style="height:auto">
                        <a href="javascript:void(0)" class="easyui-linkbutton" data-options="" onclick="cancel()">CANCEL</a>
                    </div>
                </table>
            </div>
            <div title="UNASSIGNED LIST" data-options="closable:true" style="overflow: hidden">
                <table id="dg6" class="easyui-datagrid" title=""
                       style="display:flex;width:851px;height:390px;">
                    <thead>

                    </thead>
                </table>
            </div>
            <div title="STAFF LIST" data-options="closable:true" style="overflow: hidden">
                <table id="dg4" class="easyui-datagrid" title=""
                       style="display:flex;width:851px;height:390px;">
                    <thead>
                    </thead>
                </table>
                <div id="tb4" style="height:auto">
                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="" onclick="refreshDetail()">ASSIGN</a>
                </div>
            </div>
            <div title="MISSION LIST" data-options="closable:true" style="overflow: hidden">
                <table id="dg5" class="easyui-datagrid" title=""
                       style="display:flex;width:851px;height:390px;">
                    <thead>

                    </thead>
                </table>
                <div id="tb5" style="height:auto">
                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="" onclick="refreshDetail()">ASSIGN</a>

                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="" onclick="missionListCreate()">CREATE</a>
                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="" onclick="acceptCreate()">ACCEPT CREATE</a>
                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="" onclick="rejectCreate()">CANCEL CREATE</a>

                </div>
            </div>
            <div title="ACCOUNT INFORMATION" data-options="closable:true"
                 style="display: flex;flex-wrap: wrap;justify-content: center">
                <div class="easyui-panel" title="" style="width:100%;max-width:400px;padding:30px 60px;">
                    <form id="ff">
                        <div style="margin-bottom:20px">
                            <input  class="easyui-textbox" style="width:100%"
                                   data-options="label:'ADMIN ID:',readonly:true">
                        </div>
                        <div style="margin-bottom:20px">
                            <input class="easyui-textbox" style="width:100%" data-options="label:'NAME:',required:true,validType:'length[1,50]'">
                        </div>
                        <div style="margin-bottom:20px">
                            <input  class="easyui-textbox" style="width:100%"
                                    data-options="label:'ADDRESS',required:false,validType:'length[0,100]'">
                        </div>
                        <div style="margin-bottom:20px">
                            <input class="easyui-textbox" style="width:100%"
                                   data-options="label:'EMAIL',required:true,validType:'email'">
                        </div>

                    </form>
                    <div style="text-align:center;padding:5px 0">
                        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()"
                           style="width:80px">Submit</a>
                    </div>
                </div>
            </div>


        </div>
    </div>
</div>
<script type="text/javascript" src="./javascripts/admin_home.js">
</script>
</body>
</html>